@charset "utf-8";
@import "base";
header {
    font-size: 0;
    .getback {
        flex-grow: 2;
        .getback-img {
            width: r(22px);
            height: r(37px);
            margin: 0 auto;
            img {
                display: block;
                width: 100%;
            }
        }
    }
    .help {
        flex-grow: 1;
        p {
            font-size: r(30px);
            color: #999;
        }
    }
}
//个人资料
.data {
    .data-title {
        font-size: r(24px);
        color: #333;
        line-height: r(65px);
        padding-left: r(24px);
    }
    .flex-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 r(22px);
        background-color: #fff;
        border-top: r(1px) solid #dedede;
        border-bottom: r(1px) solid #dedede;
        .data-item {
            font-size: r(28px);
            color: #696969;
            line-height: r(89px);
        }
        
    }
    .inp-style {
        font-size: 0;
        input[type="text"] {
            width: r(484px);
            line-height: r(89px);
            border: none;
            font-size: r(26px);
            padding-left: r(42px);
            &::-webkit-input-placeholder {
                color: #ccc;
            }
            &::-moz-placeholder {
                color: #ccc;
            }
        }
    }
}
//  证件类型
.papaers-r {
    display: flex;
    p {
        font-size: r(24px);
        a {
            color: #333;
        }
    }
    .go-to {
        width: r(16px);
        height: r(28px);
        margin-left: r(11px);
        img {
            display: block;
            width: 100%;
        }
    }
}
//  真实姓名
.real-name {
    margin-top: r(30px);
}
//证件号码
.data .id-number {
    border-top: 0;
}
//验证码
.yz-code {
    margin-top: r(30px);
    .yzCode-r {
        font-size: 0;
        input[type="text"] {
            width: r(350px);
            line-height: r(89px);
            border: none;
            font-size: r(26px);
            padding-left: r(56px);
            &::-webkit-input-placeholder {
                color: #ccc;
            }
            &::-moz-placeholder {
                color: #ccc;
            }
        }
    }
    .get-code {
        width: r(130px);
        text-align: center;
        font-size: r(26px);
        color: #113cc6;
    }
}
//微信支付
.wx-pay {
    .payBtn {
        width: r(560px);
        line-height: r(80px);
        background-color: #cc3333;
        text-align: center;
        color: #fff;
        font-size: r(35px);
        margin: r(60px) auto 0;
        border-radius: r(8px);
    }
    p {
        font-size: r(20px);
        color: #999;
        text-align: center;
        margin-top: r(20px);
    }
}
//确认手机号码弹窗
.popup-info {//弹窗内容
    background-color: #f8f8f8;
    width: r(540px);
    height: r(305px);
    padding: r(30px) r(25px) r(30px);
    border-radius: 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    h4 {
        font-size: r(32px);
        color: #333;
        text-align: center;
        margin-bottom: r(12px);
        font-weight: normal;
    }
    hr {
        border: none;
        height: r(1px);
        background-color: #e8f2d2;
        margin: r(25px) 0;
    }
}
.popup-btn {//弹窗按钮
    font-size: r(28px);
    text-align: center;
    display: flex;
    justify-content: space-between;
}
.verifyTel {
    display: none;
}
.beSureTel {
    p {
        font-size: r(24px);
        color: #666;
        line-height: r(35px);
        text-align: center;
    }
    .verifyBtn {
        .cancel,.ensure {
            width: r(235px);
            line-height: r(80px);
            border-radius: r(5px);
            cursor: pointer;
        }
        .cancel {
            border: r(1px) solid #b7b7b7;
            color: #666;
        }
        .ensure {
            background-color: #cc3333;
            color: #fff;
        }
    }
}
//未通过验证
.not-pass {
    display: none;
}
.fail {
    padding-top: r(20px);
    p {
        font-size: r(20px);
        line-height: r(34px);
        text-align: justify;
    }
    hr {
        margin: r(10px) 0 r(19px);
    }
    .amendBtn,.goOnBtn {
        width: r(235px);
        line-height: r(80px);
        border-radius: r(5px);
        cursor: pointer;
    }
    .amendBtn {
        border: r(1px) solid #b7b7b7;
        color: #666;
    }
    .goOnBtn {
        background-color: #cc3333;
        color: #fff;
    }
}
